import React, { useState, useTransition } from 'react'

export default function App() {

    const [count, setCount] = useState(100)

    // 优先更新其他数据
    // useTransition 是一个帮助你在不阻塞 UI 的情况下更新状态的 React Hook。
    const [isPending, startTransition] = useTransition()


    return (
        <div>
            <button onClick={() => {

                // 更新状态
                // 开启非阻塞，当有其他数据更新的时候，优先更新其他数据
                startTransition(() => {
                    setCount(count + 1)
                })

            }}>{count}</button>

            {isPending && <h1>1234567890</h1>}

        </div>
    )
}
